/* CSS Document */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0; font-size:12px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; }
body{ background-color:#FFFFFF;font-size: 12px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif; }
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0; margin:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
a:link,a:visited{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none;}
img{vertical-align:middle;border:none; max-width:100%}
li {text-decoration:none;}
input,textarea,select,a:focus {outline: none;}
table{ max-width: 100%;
width: 100% !important;
word-break: break-all;
display: block;}
.wid1200{ max-width: 84%;margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}
* {font-style: normal; outline: none;border-collapse: collapse;box-sizing: border-box;}
.clear{clear: both;}
.top{width:100%; float:left; background:#383838;}
.top_left{float:left;}
.top_left p{font-size:14px; color:#fff; line-height:55px;}
.top_right{float:right; width:25%;}
.top_dh{float:right; margin-top:15px; margin-right:20px;}
.top_dh span{font-size:16px; color:#fff;}
.nav-head{background-color: #fff;height: 90px;line-height: 90px; float:left; width:100%;}
.fixed {opacity: 1;
-webkit-animation: fadeInDown 0.3s ease-out forwards;
-moz-animation: fadeInDown 0.3s ease-out forwards;
-o-animation: fadeInDown 0.3s ease-out forwards;
animation: fadeInDown 0.3s ease-out forwards;
position: fixed;top: 0;left: 0;width: 100%;z-index: 999;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .nav{}
.nav-head .nav .nav-logo{ float: left; width:27%;}
.nav-head .nav .nav-logo .navbar-brand{height: 90px;transition: 1s;display: block;}
.nav-head .nav .nav-logo .navbar-brand img{ max-width:100%; float:left;}
.nav-head .nav .nav-list{float: right;margin: 0 18px;}
.nav-head .nav .nav-list ul{float: left;}
.nav-head .nav .nav-list ul li{position: relative;height: 90px;line-height: 86px;
transition: 1s;float: left; }
.nav-head .nav .nav-list ul span{float: left;margin: 0 1px;line-height: 85px;font-size: 18px;color: #fff;}
.nav-head .nav .nav-list ul li a{ line-height:87px; display:block;color: #333;font-size: 1.4rem;border-bottom: 3px solid transparent;padding: 0 14px; }
.nav-head .nav .menu ul li .sub-menu {position: absolute;z-index: 1000;float: left;background-color: #fff;
-webkit-transition: top 0.3s ease 0s, opacity 0.3s;transition: top 0.3s ease 0s, opacity 0.3s;transform: scaleX(0);
-moz-transform: scaleX(0);
-webkit-transform: scaleX(0);
-o-transform: scaleX(0);
-ms-transform: scaleX(0);opacity: 0;top: 115%;border: none;border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);margin: 0;display: block;left: 0;padding: 0;
min-width: 120px;white-space: nowrap;}
.nav-head .nav .menu ul li .sub-menu li{border-bottom: 1px solid #e6e6e6;}
.nav-head .nav .menu ul li .sub-menu li:last-child{border-bottom: none;}
.nav-head .fixed .menu ul li .sub-menu li{padding: 5px 20px;}
.nav-head .head-bottom .menu ul li .sub-menu li {padding: 5px 20px;}
.nav-head .fixed {
-webkit-animation: fadeInDown 0.3s ease-out forwards;
-moz-animation: fadeInDown 0.3s ease-out forwards;
-o-animation: fadeInDown 0.3s ease-out forwards;
animation: fadeInDown 0.3s ease-out forwards;
position: fixed;top: 0;left: 0;width: 100%;z-index: 10000;background: rgba(255, 255, 255, 0.95);
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
.nav-head .innav .menu ul li:hover > ul {opacity: 1;top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1);transform: scaleX(1);}
.nav-head .nav .nav-list ul li:hover > ul .menu-item{height: 60px;line-height: 60px;width: 100%;text-align: center;padding: 0px;}
.nav-head .nav .menu ul li .sub-menu li a {padding: 0px;display: block;color: #000;margin-top: 0px;line-height: 60px;display: block;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu {left: 100%;top: 0px !important;}
.nav-head .nav .menu ul li .sub-menu li.sub-menu li a {color: #333;}
.nav-head .nav .menu ul li .sub-menu li:hover { background: #378ca0;}
.nav-head .nav .menu ul li .sub-menu li:hover a { color: #fff ;}
.nav-head .nav .menu ul li .sub-menu li:hover a:after {max-width: 0px;}
.nav-head .nav .menu ul li .sub-menu li .sub-menu li:hover a {color: #fff !important;}
.search{width:100%;overflow:hidden;z-index:99;padding-top:10px;height:55px;line-height:40px;float:right;margin-left: 20px; display:block !important;}
.search .ss_input{width:80%;border:none;height:35px;line-height:35px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search .ss_an{width: 52px;height:35px;float:left;border:none;cursor:pointer;background: #2a56a1 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}
.nav-list ul li.active a{color:#fff !important;}
.nav-head .nav .nav-list ul li.active,.nav-head .nav .nav-list ul li a:hover{background:#0c1f3b; color:#fff ;}
.nav-list ul li a:hover{color:#fff !important;}
.nav-head .nav .nav-list ul li:hover > ul {opacity: 1;top: 100%;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
/*banner*/
.fullSlide{width:100%;position:relative; float:left; height:630px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden; width:100%; float:left;}
.fullSlide .bd ul{width:100% !important; float:left; height:630px;}
.fullSlide .bd li{width:100% !important;overflow:hidden;text-align:center;background-position: center center; float:left; height:630px; position:relative;}
.fullSlide .bd li img{ position:absolute; left:50%; margin-left:-960px; max-width:none;}
.fullSlide .bd li a{display:block;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#0c1f3b;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
.slideBox{ display:none;}
.product{ width:100%; float:left; padding:60px 0 80px 0; background:#f5f5f5;}
.product_title{width:100%; float:left; text-align:center;}
.product_title p{font-size:36px; color:#333; font-weight:bold; padding-bottom:20px;}
.product_title span{font-size:16px; color:#bbbbbb; font-weight:500}
.product_title dt{width:55px; height:3px; background:#2453a4; margin: auto;}
/* 本例子css */
.picScroll-left{ width:100%; overflow:hidden; position:relative; display:block; margin-top:40px; float:left;}
.picScroll-left .hd{ overflow:hidden; padding:0 10px; }
.picScroll-left .hd .next{ background:url(../images/jt1_1.jpg); position:absolute; top:50%; left:0; width:42px; height:48px;cursor:pointer; margin-top:-50px; }
.picScroll-left .hd .prev{ background:url(../images/jt1_2.jpg);position:absolute; top:50%; right:0; width:42px; height:48px;cursor:pointer; margin-top:-50px; }
.picScroll-left .bd{ padding:10px; max-width:90%; margin:auto; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; width:25%; overflow:hidden; text-align:center; }
.picScroll-left .bd ul li dt{width:100%; float:left; padding:0 10px;}
.picScroll-left .bd ul li .pic{ text-align:center; width:100%; display:block; overflow:hidden; border:1px solid #ccc; position:relative; height:250px; background:#fff; }
.picScroll-left .bd ul li .pic img{ max-height:100%; max-width:100%; display:block; padding:2px; position: absolute;top:0; right:0; bottom:0; left:0; margin:auto; }
.picScroll-left .bd ul li .pic img:hover{transform: scale(1.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.picScroll-left .bd ul li .title a{ line-height:24px; font-size:14px; padding-top:10px; display:block; }
.picScroll-left .bd ul li .title a:hover{color:#2a56a1;}
.ckgd{width:100%; float:left; text-align:center; margin-top:40px;}
.ckgd a{padding:15px 100px; background:#0c1f3b; color:#fff; font-size:14px;}
.ckgd a:hover{background:#2a56a1;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
/*优势*/
.advantage{width:100%; float:left; background:#fff; padding:60px 0 60px 0;}
.advantage_2{width:100%; float:left; margin-top:30px;}
.advantage_2 ul li{width:33.33%; float:left;padding:15px; box-sizing:border-box; }
.advantage_2 ul li dt{width:100%; float:left; padding:10px; box-sizing:border-box;background:#f5f5f5; height:142px; }
.advantage_2 ul li dt div{width:25%; float:left;}
.advantage_2 ul li dt div img{max-height:100%; max-width:100%;}
.advantage_2 ul li dt p{width:70%; float:right;}
.advantage_2 ul li dt p span{width:100%; float:left; font-size:20px; color:#333; border-bottom:1px solid #fff;text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; padding-bottom:10px;}
.advantage_2 ul li dt p i{width:100%; float:left; font-size:14px; color:#878787; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical; padding-top:10px; height: 85px\9;//ie8}
.advantage_2 ul li dt:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
/*关于我们*/
.about{width:100%; float:left; padding:80px 0; background:url(../images/bj.jpg) no-repeat center;}
.about_2{width:100%; float:left; background:#fff; padding:40px; box-sizing:border-box; border-radius:10px;}
.about_left{width:50%; float:left;}
.about_left h1{ font-size:25px; color:#333333;}
.about_left dt{width:55px; height:3px; background:#445f79; float:left; margin-top:20px;}
.about_left p{font-size:14px; line-height:25px; float:left;margin-top:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.about_left a{background:#445f79;float:left; margin-top:20px; color:#FFF;padding:15px 45px; border-radius:10px;}
.about_left a:hover{background:#2a56a1;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.about_right{width:40%; float:right;}
.about_right img{max-height:100%; max-width:100%;}
.about_3{width:100%; float:left; margin-top:20px;}
.about_3 ul li{width:25%; float:left; padding:20px 40px; box-sizing:border-box;}
.about_3 ul li dt{width:100%; float:left; padding:20px; box-sizing:border-box; border:2px solid #fff; border-radius:10px;}
.about_3 ul li dt div{width:40%; float:left; text-align:center; border-right:1px solid #939ba8}
.about_3 ul li dt div img{max-height:100%; max-width:100%;}
.about_3 ul li dt p{width:60%; float:left;}
.about_3 ul li dt p span{ width:100%; float:left; font-size:20px; color:#fff; text-align:center; margin-left: 7%;}
.about_3 ul li dt p span i{font-size:14px; text-transform:uppercase; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;float: left;}
/*新闻*/
.zx{ width:100%; float:left; padding:60px 0 80px 0; background:#f5f5f5}
.zx2{width:100%; float:left;}
/* 本例子css */
.slideTxtBox{ width:100%; text-align:left; }
.slideTxtBox .hd{ height:30px; line-height:10px; padding:0 10px 10px 0px; border-bottom:1px solid #ddd; position:relative; }
.slideTxtBox .hd dt{position:absolute; left:0; top:-10px; float:left; width:17%;background: #f5f5f5;}
.slideTxtBox .hd dt p{ width:30%; float:left;}
.slideTxtBox .hd dt p img{max-height:100%; max-width:100%;}
.slideTxtBox .hd dt span{width:70%; float:left; font-size:35px; margin-top:10px; line-height:12px;}
.slideTxtBox .hd dt span i{font-size:14px; color:#999}
.slideTxtBox .hd ul{ float: right; position:absolute;right:0px; top:0px; width:70%; }
.slideTxtBox .hd ul li{ float:right; padding:0 30px 0px 30px; cursor:pointer; font-size:14px; }
.slideTxtBox .hd ul li.on{ height:30px; border-bottom:2px solid #435e79; }
.slideTxtBox .bd{width:100%; float:left; margin-top:40px;}
.slideTxtBox .bd ul.qh{ padding:15px; zoom:1; }
.slideTxtBox .bd ul.qh .xwzx{width:100%; float: left;}
.slideTxtBox .bd ul.qh .xwzx div{ width:25%; float:left;padding:0 10px; box-sizing:border-box;}
.slideTxtBox .bd ul.qh .xwzx div dt{width:100%; float:left; border-bottom:1px dashed #dadada ; padding:20px 0; }
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx2{width:33%; background:#333; font-size:26px; color:#fff; text-align:center; line-height:30px; font-weight:bold; float:left; padding:20px 0;}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx2 font{font-size:14px;}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx3{ float:left; padding-left:3%; width:65%}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx3 span{width:100%; float:left; font-size:16px; color:#333;}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx3 span:hover{color:#f00;}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx3 i{font-size:14px; color:#999; float:left; margin-top:20px;}
.slideTxtBox .bd ul.qh .xwzx div dt p.xwzx3 i:hover{color:#f00;}
.slideTxtBox .bd li{ height:24px; line-height:24px; }
.slideTxtBox .bd li .date{ float:right; color:#999; }
.slideTxtBox .bd ul.qh .news2{width:100%; float:left;}
.slideTxtBox .bd ul.qh .news2 div{ width:25%; float:left; padding:1%; box-sizing: border-box}
.slideTxtBox .bd ul.qh .news2 div dt{width:100%; float:left; background:#fff; padding:4%; box-sizing:border-box;}
.slideTxtBox .bd ul.qh .news2 div dt i.i2{ height:300px; position:relative; border:1px solid #e7e7e7; width:100%; float:left;}
.slideTxtBox .bd ul.qh .news2 div dt i.i2 img{max-height:100%; max-width:100%; position:absolute; right:0; bottom:0; left:0; top:0; margin:auto;}
.slideTxtBox .bd ul.qh .news2 div dt p{width:100%; float:left; font-size:16px; color:#333; text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; margin:10px 0;}
.slideTxtBox .bd ul.qh .news2 div dt span{width:100%; float:left; font-size:14px; color:#666666; line-height:25px;height:46px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:10px; }
.slideTxtBox .bd ul.qh .news2 div dt i.i3{float:left; font-size:14px; color:#666; font-style:normal;}
.slideTxtBox .bd ul.qh .news2 div dt i.i4{float: right; font-size:14px; color:#666; border-radius:10px; border:1px solid #e6e6e6; padding:2px 10px;font-style:normal;}
.slideTxtBox .bd ul.qh .news2 div dt i.i4:hover{ background:#e44932; color:#fff;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.slideTxtBox .bd ul.qh .news2div dt p:hover{ color:#e44932;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.slideTxtBox .bd ul.qh .news2 div dt img:hover{transform: scale(1.01); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.gd{width:100%; float:left; text-align: center; margin-top:60px;}
.gd a{padding: 15px 100px; background: #0c1f3b; color: #fff; font-size: 14px;}
.gd a:hover{background:#2a56a1;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
/*友情链接*/
.yqlj{width:100%; float:left; padding-bottom:40px;}
.yqlj p{ font-size:14px; color:#fff; width:100%; font-weight:bold;}
.yqlj a{font-size:14px; color:#666;}
.yqlj a:hover{color:#fff;}
/*关于我们页*/
.gywm_bj{width:100%; float:left;}
.gywm_bj img{max-height:100%; max-width:100%;}
.gywm_ny{width:100%; float:left; background:#fff;}
.gywm_mbx{width:100%; float:left; padding:25px 0;}
.gywm_mbx2{ float:left;}
.gywm_mbx2 dt{ float:left;}
.gywm_mbx2 dt img{max-height:100%; max-width:100%;}
.gywm_mbx2 p{float:left; font-size:14px; color:#333; margin-left:10px;}
.gywm_mbx2 p a{font-size:14px; color:#333;}
.gywm_mbx3{float:right;}
.gywm_mbx3 p{ float:left; font-size:14px; color:#333;}
.gywm_mbx3 p a{font-size:14px; color:#333;}
.gywm_nrxq{width:100%; float:left; background:#f5f5f5; padding:80px 0;}
.gywm_nrxq2{width:100%; float:left; background:#fff; padding:60px 0;}
.gywm_nrxq_title{width:100%; float:left;text-align:center; }
.gywm_nrxq_title p{background:url(../images/title.png) no-repeat center; margin:auto; font-size:35px; color:#333; font-weight:bold; text-align:center; padding-bottom:10px;}
.gywm_nrxq_title span{ font-size:15px; color:#c8c8c8; text-transform:uppercase;}
.gywm_nrxq3{width:100%; float:left; padding:0 5%; margin-top:2%;}
.gywm_nrxq3 p{font-size:16px; color:#333333; line-height:35px;}
.gywm_qywh{width:100%; float:left; background: url(../images/bj_2.png) no-repeat center; padding:80px 0;}
.gywm_qywh2{width:100%; float:left; }
.gywm_qywh3{width:100%; float:left;margin-top:3%;}
.gywm_qywh3 ul li{ width:33.33%; float:left;}
.gywm_qywh3 ul li dt{width:100%; float:left; text-align:center;}
.gywm_qywh3 ul li dt div{width:100%; float:left;height: 248px; position:relative;}
.gywm_qywh3 ul li dt div img{max-height:100%; max-width:100%; margin:auto; position:absolute; top:0; right:0; left:0; bottom:0;border: 2px solid #fff;}
.gywm_qywh3 ul li dt p{width:100%; float:left; font-size:20px; font-weight:bold; color:#fff; padding:15px 0 10px 0;}
.gywm_qywh3 ul li dt span{font-size:16px; color:#fff;}
.xgcp{ width:100%; overflow:hidden; position:relative; display:block; margin-top:40px; float:left;}
.xgcp ul{ overflow:hidden; zoom:1; padding:10px; max-width:100%; margin:auto; }
.xgcp ul li{ float:left; width:25%; overflow:hidden; text-align:center; }
.xgcp ul li dt{width:100%; float:left; padding:0 10px;}
.xgcp ul li div{ text-align:center; width:100%; display:block; overflow:hidden; border:1px solid #ccc; position:relative; height:300px; }
.xgcp ul li div img{ max-height:100%; max-width:100%; display:block; padding:2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.xgcp ul li div img:hover{transform: scale(1.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.xgcp ul li p{ line-height:24px; font-size:14px; padding-top:10px; display:block; }
.xgcp ul li p:hover{color:#2a56a1;}
/*新闻页*/
.news_ny{width:100%; float:left; background:#f5f5f5; padding:80px 0;}
.news_ny2{width:100%; float:left; background:#fff; padding:40px 0 80px 0;}
.news_ny3{width:100%; float:left; padding:0 30px 30px 30px;
border-bottom: 10px solid #f5f5f5}
.news_ny3 dt{width:30%; float:left;}
.news_ny3 dt img{max-height:100%; max-width:100%;}
.news_ny3 div{width:70%; float:left; padding:2% 5%; box-sizing:border-box;}
.news_ny3 div p{width:100%; float:left; font-size:18px; color:#333;}
.news_ny3 div span{width:100%; float:left;font-size:14px; color:#ababab; padding-top:10px;}
.news_ny3 div i.i_1{width:100%; float:left; font-size:14px; color:#999; padding:40px 0 60px 0;}
.news_ny3 div i.i_2{float:left; padding:5px 50px; background:#333; font-size:14px; color:#fff;}
.news_ny3 div p:hover{ color:#e44932;}
.news_ny3 div i.i_2:hover{background:#e44932;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news_ny4{width:100%; float:left; margin-top:20px;}
.news_ny4 div{ width:25%; float:left; padding:1%; box-sizing: border-box}
.news_ny4 div dt{width:100%; float:left; background:#fff; padding:4%; box-sizing:border-box;}
.news_ny4 div dt i.i2{ position: relative;height: 200px;display: block;border: 1px solid #e7e7e7;}
.news_ny4 div dt i.i2 img{max-height:100%; max-width:100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto; }
.news_ny4 div dt p{width:100%; float:left; font-size:16px; color:#333; text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; margin:10px 0;}
.news_ny4 div dt span{width:100%; float:left; font-size:14px; color:#666666; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:10px; }
.news_ny4 div dt i.i3{float:left; font-size:14px; color:#666; font-style:normal;}
.news_ny4 div dt i.i4{float: right; font-size:14px; color:#666; border-radius:10px; border:1px solid #e6e6e6; padding:2px 10px;font-style:normal;}
.news_ny4 div dt i.i4:hover{ background:#e44932; color:#fff;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news_ny4 div dt p:hover{ color:#e44932;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news_ny4 div dt img:hover{transform: scale(1.01); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
/*fengye*/
.fy{width:100% !important; float:left; margin-top: 1rem;}
/*鍒嗛〉鏍峰紡 寮€濮 */
#fengye {text-align: center;margin: 0px auto 0;color: #555;font-size:14px;width:100% !important;}
#fengye a { display: inline-block; padding: 0 10px; background: #eaeaea; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 2px; color: #555; font-size:14px; margin-bottom: 10px;}
#fengye a:hover { background: #002f66; color: #ffffff; }
#fengye a.pnnum1 { background: #002f66; color: #ffffff; }
#fengye input { display: inline-block; padding: 0 5px; background-color: #002f66; width: 40px !important; height: 30px !important; line-height: 30px; text-align: center; margin: 0 5px; color: #fff; cursor: pointer; border: 0; outline:none;}
#fengye .p_input { display: inline-block; padding: 0 5px; background: #eaeaea; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; color: #555; cursor: default;}
/*技术文章页*/
.article_ny{width:100%; float:left; background:#f5f5f5;padding:80px 0;}
.article_ny2{width:100%; float:left; background:#fff; padding:30px 0 50px 0;}
.article_ny3{width:100%; float:left; padding:0 20px;}
.article_ny3 div{ width:50%; float:left; padding:1%; box-sizing: border-box;}
.article_ny3 div dt{width:100%; float:left; background:#fff; padding:4%; box-sizing:border-box; border:15px solid #f5f5f5;}
.article_ny3 div dt img{max-height:100%; max-width:100%; }
.article_ny3 div dt p{width:100%; float:left; font-size:16px; color:#333; text-overflow:ellipsis ;white-space:nowrap; overflow:hidden; margin:10px 0;}
.article_ny3 div dt span{width:100%; float:left; font-size:14px; color:#666666; line-height:25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin-bottom:10px; height:47px\9;//ie8 }
.article_ny3 div dt i.i3{float:left; font-size:14px; color:#666; font-style:normal;}
.article_ny3 div dt i.i4{float: right; font-size:14px; color:#666; border-radius:10px; border:1px solid #e6e6e6; padding:2px 10px;font-style:normal;}
.article_ny3 div dt i.i4:hover{ background:#e44932; color:#fff;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.article_ny3 div dt p:hover{ color:#e44932;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.article_ny3 div dt img:hover{transform: scale(1.01); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
/*方案页*/
.fangan_detail{ padding:0 30px;}
.fangan_detail2{ background: #f5f5f5;padding: 30px;box-sizing: border-box;}
.fangan_detail2 p{width:100%; float:left; padding:0px 0 20px 0;}
.fangan_detail2 span{ font-size:14px;color:#666}
.fangan_detail2 .b{width:100%; float:left; padding:10px 0; font-size:14px; color:#666}
.showNav{ width:100%; float:left; font-size:22px; margin-top:20px; margin-bottom:15px; border-bottom: 1px solid #f5f5f5;padding-bottom: 15px;}
.showNav a{font-size:22px; border-left: 4px solid #2a56a1; padding-left: 10px;font-weight: bold;}
.products_xg{width:100%; float:left; padding:0 10px;}
.products_xg ul li{width:25%; float:left; padding:1%; box-sizing:border-box;}
.products_xg ul li dt{width:100%; float:left;}
.products_xg ul li dt p{height:200px; position:relative; background:#f4f4f4;}
.products_xg ul li dt p img{max-height:100%; max-width:100%; top:0; bottom:0; right:0; left:0; margin:auto; position:absolute;}
.products_xg ul li dt h2{font-size:16px; color:#333; padding:10px 0;text-overflow:ellipsis ;white-space:nowrap; width:100%; float:left; overflow:hidden;}
.products_xg ul li dt i.i_1{font-size:14px; color:#666;}
/*联系我们*/
.contact{width:100%; float:left; margin-top:40px;}
.contact ul li{width:25%; float:left; padding:10px 20px; box-sizing:border-box;}
.contact ul li dt{width:100%; float:left; background:#f5f5f5; padding:30px 20px 20px 20px; box-sizing:border-box; height:200px;}
.contact ul li dt div{width:100%; position:relative; height:80px;}
.contact ul li dt div img{max-height:100%; max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.contact ul li dt p{width:100%; float:left; margin-top:20px;}
.contact ul li dt span{width:100%; float:left; font-size:14px; color:#333; text-align:center; margin-bottom:10px; line-height:25px;}
.contact ul li dt font{color:#333; font-weight:bold;}
/*留言*/
.masg{ overflow:hidden; float:left; width:100%;}
.title h1.masgico{background: url(../images/masgico.png) no-repeat left center;}
.masg .masgbox{ width:100%; float:left; padding:30px 40px 0px 40px; overflow:hidden;}
.masg .masgbox h1{ width:100%;line-height: 36px; text-align:center;font-size:25px;color:#0c1f3b;font-weight: bolder;margin-bottom: 25px;}
.zxlycontable tr{width:50%; float:left;}
.zxlycontable td { width:100%;height:50px;font-size: 14px;padding-right: 10px;float: left; margin-bottom:20px;}
.inputtext {height: 50px;width: 100%;border: 1px solid #C6CBC5;line-height: 50px; font-size: 12px; text-indent:1em;}
.inputyzn {width:150px;height: 50px;line-height:50px;border: 1px solid #C6CBC5; text-indent:1em;}
.msgico1{ background:url(../images/tishiico.png) no-repeat left center;height: 42px; line-height:42px; text-indent:24px; display:block; color:#838383; width:400px; overflow:hidden;}
.msgico2{ background:url(../images/cuowuico.png) no-repeat left center;height: 42px; line-height:42px; text-indent:24px; display:block; color:#838383; width:400px; overflow:hidden;}
.hide{display:none}
#ProMsg {width:262px;border: 1px solid #C6C6C6;font-size: 12px;color: #858585;}
.msg_btn { width:100%; overflow: hidden; margin: 0; padding: 0; float: left;}
.msg_btn input { display: block; width:20%; height:50px; overflow: hidden; line-height: 32px; margin: 20px 15px 0 0; padding: 0; background-color: #f0f0f0; color: #333; font-size: 13px; text-align: center; border: 1px solid #ccc; float: left;cursor:pointer}
.msg_btn .tj{background:#0c1f3b;color: #fff;border: 1px solid #0c1f3b;}
.wxts{width:100%; float:left; margin-top:40px;}
.wxts h2{ font-size:20px; color:#F93; font-weight:bold; width:100%; float:left; margin-bottom:20px;}
.wxts p{font-size:14px; color:#666; line-height:30px;}
/* 留言 */
/*技术文章详情*/
.article_detail{width:100%; float:left; padding:0 2%;}
.article_detail h1{font-size:28px; color:#333; width:100%; text-align:center; font-weight:bold;}
.article_detail span.asd{width:100%; float:left; text-align:center; font-size:14px; color:#CCC; margin-top:10px;}
.ppp_22{width:100%; float:left; padding:2%; box-sizing:border-box;}
/*产品列表页*/
.products_ny{width:100%; float:left; background:#f5f5f5; padding:80px 0;}
.cpflcont{width:23%;background:#fff; }
.cpflcont dl dt{width:100%;height:50px;line-height:50px;overflow:hidden;zoom:1;background: #f5f5f5 url(../images/down.png) no-repeat 94% 50%; margin: 10px 0;}
.cpflcont dl dt.ddd{background:#2a56a1 url(../images/up.png) no-repeat 94% 50% !important; color:#fff !important;}
.cpflcont dl dt.ddd a{color:#fff !important;}
.ccc{ color:#2a56a1 !important;}
.cpflcont dl dt a, .cpflcont dl dt a:link, .cpflcont dl dt a:visited{display:inline-block;width:80%;height:40px;font-size:15px;line-height:40px;padding-left:21px;font-weight:bold;color:#333;}
.cpflcont dl dt a:hover{color:#2a56a1;}
.cpflcont dl dd{font-size:14px;line-height:25px;height:30px;width:100%;overflow:hidden;zoom:1;margin-bottom: 5px;border-bottom: 1px dashed #e4e4e4;}
.cpflcont dl dd a{display:inline-block;padding-left:15px;line-height:25px;font-size: 14px;color: #999;}
.cpflcont dl dd a:hover{color:#2a56a1;}
.cpflcont_top { width:100%; float:left;}
.cpflcont_top li{float:left;text-align:center;background: #f2f5f9; padding:20px 0; }
.cpflcont_top li a{font-size: 24px;color: #000;display:block; padding-bottom:10px;}
.cpflcont_top li span{font-size:18px; color:#fff; text-transform:uppercase;}
.hoverclass{background: #0c1f3b !important;}
.hoverclass a{color: #fff !important;font-size: 18px;font-weight: bold;}
.cpflcont_bottom{ padding:10px; width:100%; float: left;border:2px solid #fff;}
.cpflcont dl:hover dt{background:#2a56a1 url(../images/up.png) no-repeat 94% 50%;}
.cpflcont dl:hover dt a{color:#fff ;}
.products_ny_right{width:75%; float:right; background:#fff; padding:1% 1% 3% 1%; box-sizing:border-box;}
.products_ny_right2{ width:100%; overflow:hidden; position:relative; display:block;float:left;}
.products_ny_right2 ul{ overflow:hidden; zoom:1; padding:10px; max-width:100%; margin:auto; }
.products_ny_right2 ul li{ float:left; width:25%; overflow:hidden; text-align:center; }
.products_ny_right2 ul li dt{width:100%; float:left; padding:0 10px 10px 10px;}
.products_ny_right2 ul li div{ text-align:center; width:100%; display:block; overflow:hidden; border:1px solid #ccc; height:200px; position:relative; }
.products_ny_right2 ul li div img{ max-height:100%; max-width:100%; display:block; padding:2px; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto;}
.products_ny_right2 ul li div img:hover{transform: scale(1.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.products_ny_right2 ul li p{ line-height:24px; font-size:14px; padding-top:10px; display:block; height:60px; overflow:hidden;-webkit-box-orient: vertical; -webkit-line-clamp: 2;display: -webkit-box; }
.products_ny_right2 ul li p:hover{color:#2a56a1;}
/*产品详情页*/
.productdetail{width:100%; float:left; background:#f5f5f5; padding:80px 0;}
.conn{color:#555;font-size:14px;line-height:28px; z-index:1; position:relative;overflow: hidden; margin-bottom:80px;}
.ny_content .ny_news_con2{min-height:300px;}
.conn .pro_name{font-size:24px;font-weight: bold;line-height:28px;color:#333;margin-bottom:20px;}
.conn .proshow1{position:relative;}
.conn .proshow1 .js-silder{float:left;width:40%;margin-top:0 !important; background:#fff;}
.proshow1 .js-silder .silder-main-img {width:100%;text-align:center;height:480px; position:relative;}
.proshow1 .js-silder .silder-main-img img {max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.proshow1 .prodesc p{font-size:14px;line-height:24px;margin-bottom:15px;}
.proshow1 .prodesc p.bt{font-size:18px;color:#333;}
.conn .proshow1 .prodesc{float:right;width:58%;}
.conn .proshow1 .prodesc p.desc{overflow:hidden;color:#999;background: #fff;padding: 15px; margin-top:20px;}
.conn .proshow1 .pro_btn{padding-top:20px;overflow:hidden;}
.conn .proshow1 .pro_btn1{display:block;width:30%;margin-right:20px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#0c1f3b;border-radius:2px;float:left;border:1px solid #0c1f3b;}
.conn .proshow1 .pro_btn3{display:block;width:30%;margin-right:20px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#cc2626;border-radius:2px;float:left;border:1px solid #cc2626;}
.conn .proshow1 .pro_btn2{display:block;margin-right:0;height:50px;line-height:50px;text-align:center;float:left;}
.conn .proshow1 .pro_btn2 span{ font-size:16px; color:#f60;}
.productdet .ppp{ margin:10px; line-height:24px;clear: both;}
.productdet .ppp img{ max-width:100%;}
.productdet .ppp table{ max-width:100%;}
.prodetppp{margin: 20px 0;background: #f3f3f3;padding: 10px 20px;}
.prodetppp .spanppp{font-size: 20px;border-left: 4px solid #16a847;padding-left: 10px;}
.biaoqian{width:100%; float:left; margin-top:30px;}
.biaoqian span{font-size:16px;}
.biaoqian strong{font-size:14px;}
.biaoqian strong:hover{color:#2a56a1;}
.productdetail2{width:75%; float:left; padding:50px 2%; background:#fff; margin-right:2%}
.productdetail3{width:100%; float:left; border-bottom:1px solid #f5f5f5;padding-bottom:15px;}
.productdetail3 h2{ font-size:22px; color:#333; border-left:4px solid #2a56a1; padding-left:10px; font-weight:bold; }
/*荣誉*/
.honour{width:100%; float:left; background:#f5f5f5; padding:80px 0;}
.honour2{ width:100%; float:left;}
.honour2 ul li{width:25%; float:left; padding:0 10px; }
.honour2 ul li .pro-left1{ position:relative;width:100%; height:350px; border:1px solid #CCC;box-sizing:border-box; background:#fff; }
.honour2 ul li .pro-left1 img{max-height:100%; max-width:100%;position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../images/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:507px; position:absolute; z-index:999999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:block; color:#045CB6; font-weight:bold; line-height:20px; font-size:14px; }
#mbNumber { display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px;}
#mbCloseLink { width:24px; background:transparent url(../images/customblackclose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
/*下载*/
.down{width:100%; float:left; padding:80px 0; background:#f5f5f5;}
.down2{width:100%; float: left; background:#fff; padding:30px 30px 50px 30px; box-sizing:border-box;}
.down2 div{ width:25%; float:left;padding:0 10px; box-sizing:border-box;}
.down2 div dt{width:100%; float:left; border-bottom:1px dashed #dadada ; padding:20px 0; }
.down2 div dt p.xwzx2{width:30%; background:#333; font-size:26px; color:#fff; text-align:center; line-height:30px; font-weight:bold; float:left; padding:20px 0;}
.down2 div dt p.xwzx2 font{font-size:14px;}
.down2 div dt p.xwzx3{ float:left; padding-left:3%; width:65%;}
.down2 div dt p.xwzx3 span{width:100%; float:left; font-size:16px; color:#333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; line-height:25px; }
.down2 div dt p.xwzx3 i:hover{color:#f00;}
.down2 div dt p.xwzx3 i{font-size:14px; color:#999; float:left; margin-top:20px;}
/*下载详情*/
.downdetail{width:100%; float:left; padding:50px 30px; background:#fff;}
.downdetail h1{font-size:28px; color:#333; width:100%; text-align:center; font-weight:bold;}
.downdetail span{width:100%; float:left; text-align:center; font-size:14px; color:#CCC; margin-top:10px; padding-bottom:20px;}
.zlxz{cursor: pointer;width: 164px;height: 42px;line-height: 42px;
background: #2570c3 url(../images/down22.png) 30px 50% no-repeat;color: #fff;border: 0px;font-size: 16px;font-weight: bold; display: block;text-align: center;}
.downdtxt{overflow:hidden;margin:10px auto 0; width:100%;}
.downdtxt li{ width: 100%;float: left;border-bottom: 2px solid #fff;}
.downdtxt li div{float:left; width:50%;}
.downdtxt li.two{}
.downdtxt li p{float:left;font-size:14px;color:#555;line-height:34px;width:30%;margin:0;padding:0; background:#e0e0e0; text-align:center;border-left: 2px solid #fff;border-right: 2px solid #fff;}
.downdtxt li span{display:block;float:left;font-size:14px;color:#999;line-height:34px;width:70%;margin:0;padding:0;border-left:0;border-bottom:0;
background: #f5f5f5; text-align:center;}
.downdtxt .down_btn a{line-height:24px;background:#2a56a1;color:#fff;font-size:12px;text-align:center;text-decoration:none;border-radius:2px;text-indent:0;padding: 5px 58px;}
.newsdtxt{width:100%; float:left; margin-top:20px;}
/***底部***/
.footer{ background:#222; overflow:hidden; padding-left:55px; padding-right:51px; padding-top:51px; width:100%; float:left;}
.footer.fin .wrap{ max-width:1410px;}
.footer .ftel{ float:left; border-left:1px solid #343434; padding-left:30px;}
.footer .ftel .p1{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer .ftel .line{width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer .ftel .p2{ color:#888; }
.footer .ftel h2{ font-weight:normal; font-size:30px; color:#fff; font-weight:bold; font-family:'HelveticaNeueLTCom-LtEx';}
.footer .ftel .p3{ margin-left:117px; color:#666;}
.footer .ftel .share{ margin-top:34px;}
.footer .ftel .share a{ width:36px; height:36px; border-radius:50%; float:left; margin-right:12px; position:relative;}
.footer .ftel .share a.a2{ background-position:-49px 0;}
.footer .ftel .share a.a3{ background-position:-98px 0;}
.footer .ftel .share a.a4{ background-position:-149px 0;}
.footer .ftel .share a.a5{ background-position:-199px 0;}
.footer .ewm{ float:right; width:133px; text-align:center;}
.footer .ewm .p1{ width:133px; height:133px; overflow:hidden;}
.footer .ewm .p1 img{ display:block; margin:0 auto; width:120px; height:120px; margin-top:6px;}
.footer .ewm .p2 { color:#666; padding-top:10px;}
.footer .ftel .share a img{ position:absolute; width:150px; height:150px; left:-50px; top:-160px; max-width:180px; border:1px solid #eee; background:#fff; position:absolute; transform:scale(0); opacity:0; transform-origin:center top; transition:all 0.5s ease; box-shadow:#333 0 0 10px;}
.footer .ftel .share a:hover img{ transform:scale(1); opacity:1;}
.footer .fl{ width:60%;}
.footer .fr{ width:40%; text-align: right;}
.footer dl{ float:left; width:25%;}
.footer dl dt a{ font-size:14px; font-weight:bold; display:block; color:#bfbfbf;}
.footer dl dt:after{ width:17px; height:2px; background:#787878; margin-top:25px; content:''; display:block; overflow:hidden; margin-bottom:20px;}
.footer dl dd a{ font-size:12px; display: contents; line-height:40px; color:#666;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.footer dl dd a:hover{ color:#fff;}
.footer dl.dl2{ width:45%; padding-right:10%;}
.footer dl.dl2 dd{ float:left; width:100%;}
.footer .copyright{ border-top:1px solid #343434; padding:20px 0; overflow:hidden; margin-top:65px; font-size:12px; color:#5d5d5d; line-height:25px;}
/* 客服 */
.kf {width: 188px;position: fixed;right: -188px;top: 100px;z-index: 999;}
.kt-top { height: 40px;line-height: 40px;background: #2a56a1;background-size: 20px auto;padding-left: 16px;font-size: 16px;
color: #ffffff;}
.kt-top span:hover{ transform: rotate(90deg);}
.kt-top span {width: 18px;height: 16px;float: right;position: relative;margin: 10px 10px 0px 0px;cursor: pointer;transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;}
.kt-top span b {width: 100%;height: 2px;background: #fff;display: block;position: absolute;top: 50%;left: 0;}
.kt-top span b:first-child {transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);}
.kt-top span b:last-child {transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);}
.kf .con {overflow: hidden;background: #ffffff;}
.kf .qq{border: 1px solid #f5f5f5;border-left: none; border-right: none;padding: 20px;}
.kf .qq li {height: 36px;line-height: 36px;padding-left: 16px;}
.kf .qq li a {height: 36px !important;color: #666666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-decoration: initial;display: block;font-size: 14px;}
.kf .qq li a img{ padding-right: 6px;}
.kf .con h5{height: 26px;line-height: 26px; margin-top: 12px; padding-left: 20px;color: #666666;font-size: 18px;}
.kf .contact {margin-top: 1px;}
.kf .contact p.h1{font-size: 20px;font-weight: bold;}
.kf .contact p{ height: 30px;line-height: 30px;color: #666666;font-size: 14px;padding-left: 20px;}
.kf .contact p:nth-child(2n){padding-left: 20px;}
.kf .con h5.qr-icon{ background: url('../images/erweima.png') 16px center no-repeat;}
.kf .con .qr{width: 100%;margin-top: 10px;padding-left: 40px;}
.kf .con .qr img{width: 110px; height: 110px;}
.kf .backTop{width: 100%;height: 40px;background:#2a56a1;background-size: 18px auto;cursor: pointer; position: relative;}
.kf .backTop::after {display: block;position: absolute;top: 10px;left: 68px;content: "返回顶部";color: #FFF;font-size: 16px;}
.kf-side{padding: 18px 10px 10px;background: #2a56a1;position: absolute;top: 50%;transform: translateY(-50%);left: -34px; cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);}
.kf-side b{display: block;color: #ffffff;line-height: 18px;font-size: 14px;font-weight: normal;}
.kf-side span.arrow{width: 12px;height: 12px; background: url('../images/jt-1.png') no-repeat; background-size: 100%; display: block;margin-top: 10px;}
.kf-side span.on{background: url('../images/jt-2.png') no-repeat; background-size: 100%;}
/* 客服 */
.fenye{padding: 3px;margin: 3px;text-align: center;clear: both;}
.fenye p{ font-size:14px;line-height: 1.6rem;}
.fenye a{border-width: 1px;border-style: solid;border-color: #cbcbcb;padding: 5px 8px;color: #2a56a1;margin-right: 2px;text-decoration: none; font-size:14px;margin-left: 0.4rem; margin-right: 0.4rem;border-radius: 3px;}
.pageLinkOn{margin-left: 0.4rem; margin-right: 0.4rem;height: 40px;line-height: 40px;background: rgb(64, 105, 157); padding: 5px 8px; border-radius: 3px;color:#fff;}
.fenye select {padding: 5px 8px;}
.fenye a:hover{border-width: 1px;border-style: solid;border-color: #2a56a1;}
@media screen and (max-width: 1430px){
.wid1200{max-width:98%;}
}
@media screen and (max-width: 1320px){
.top_left{width:25%;}
.top_right{width:30%;}
.nav-head .nav .nav-list ul li a{ padding: 0 5px;transition: 1s;}
.slideTxtBox .hd dt{ width: 27%;}
.products_xg ul li dt i.i_1{width:100%; float:left; margin-top:0 !important;}
.products_xg ul li dt font{float: left !important; margin-top:10px;}
}
@media (max-width:1024px){
.top{position: fixed; top: 0; z-index: 9999999;}
.top_right{width:40%;}
.about_3 ul li{ padding: 20px 10px;}
.nav-head .nav .nav-list{ display:none;}
.nav-head{height: 60px;line-height: 60px;position: fixed; width: 100%; z-index: 9999; top:55px;}
.nav-head .nav .nav-logo .navbar-brand{height: 60px; margin-left: 0px;padding-top: 0px;padding-bottom: 0px;}
.nav-head .nav .nav-logo .navbar-brand img{max-height: 60px; width: inherit;}
.nav-head .nav .nav-logo{float: inherit; width:80%;text-align: left;}
.mobile_btn{ display:block; position:absolute; z-index:100; right:10px; top:50%; margin-top:-25px; width:50px; height:50px; text-align:center; background:url(../images/menutoggle.png) no-repeat 0 center; transition: all 0.5s;-webkit-transition: all 0.5s;cursor:pointer;}
.navBox{position:fixed !important; width:100%; left:0; top:98px !important; bottom:0; display:none; background:#fff; margin:0;border-top: 1px solid #ffffff; }
.mobile_btn.open{ background-position:-50px 0;}
.mobile_btn.open + .navBox{}
.nav{ display:block;overflow:auto; height:100%; text-align:center;}
.nav li{ float:none; margin:0; border-bottom:1px solid rgba(0,0,0,0.1); width:100%;}
.nav > li > a, .nav > li > .parent > a{ line-height:2.8; text-align:center; color:#333;transition: all 0s;-moz-transition: all 0s;-webkit-transition: all 0s;font-size: 14px;}
.nav > li > a::after, .nav > li > .parent > a::after{ display:none;}
.nav .parent{ position:relative;}
.nav > li > .parent > a{ display:inline-block;}
.nav .icon_control{ position:absolute; display:block; z-index:99; top:25px; right:20px; width:16px; height:11px; background:url(../images/icon8.png) no-repeat center; }
.nav li .parent.open .icon_control{ background-image:url(../images/icon9.png);}
.nav li:hover .parent .icon_control,.nav li.act .parent .icon_control{ background-image:url(../images/icon10.png);}
.nav li:hover .parent.open .icon_control,.nav li.act .parent.open .icon_control{ background-image:url(../images/icon7.png);}
.nav li:hover > a,.nav li.act > a,.nav li:hover .parent,.nav li.act .parent,.nav li:hover .parent a,.nav li.act .parent a{ background:#2a56a1; color:#fff; }
.nav li.active{background: #2a56a1;color: #fff;}
.nav li.active .parent a{ color: #fff;}
.nav li.active .icon_control{background: url(../images/icon10.png) no-repeat center;}
.subNav{position:relative !important; top:0; width:100%; left:0; margin-left:0; display:none; background:#F3F3F3;}
.subNav_n ul{ padding:0;}
.subNav_n li a{ line-height:2.8; padding-left:0; font-size:13px;}
.subNav_n li a::after{ display:none;}
.subNav .subNav_in{ padding:0;}
.subNav .subNav_in > ul{ margin:0;}
.subNav li .subimg{ display:none;}
.subNav .subNav_in > ul > li{ float:none; width:100%;}
.subNav li .item{ margin:0;}
.subNav h3{ font-weight:normal; font-size:13px;line-height:2.8; margin-bottom:0; border-bottom:0; position:relative;}
.subNav h3 .icon_control{ position:absolute; display:block; z-index:99; top:13px; right:20px; width:16px; height:11px; background:none;/*url(../images/icon8.png) no-repeat center*/ }
.subNav h3.open .icon_control{ background-image:url(../images/icon9.png);}
.subNav h3:hover{ background:#2a56a1; color:#fff;}
.subNav h3:hover a{color:#fff;}
.subNav h3:hover .icon_control{background-image:none;/*url(../images/icon10.png)*/}
.subNav h3.open:hover .icon_control{ background-image:none;/*url(../images/icon7.png)*/}
.subNav2{ display:none; background:#e9e9e9;}
.subNav2 li{ padding-left:0;}
.subNav2 li::after{ display:none;}
.subNav2 li a{ line-height:2.5;display: block;}
.subNav_n li a:hover,.subNav2 li a:hover{ text-decoration:none;}
.lisear{border-bottom:none !important;}
.search1{width: 90%;overflow:hidden;z-index:99;padding-top:20px;height:40px;line-height:40px; margin:0 auto;}
.search1 .ss_input{width: 80%;border:none;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#ccc;float:left;resize:none;border-radius:20px 0 0 20px;-moz-box-sizing: border-box;box-sizing: border-box;background:#f2f2f2;outline:none;}
.search1 .ss_an{width: 52px;height:40px;float:left;border:none;cursor:pointer;background: #1773c6 url(../images/ss.png) 5px no-repeat;outline:none;border-radius: 0 30px 30px 0;}
.fullSlide{ display:none;}
.slideBox{position:relative;overflow:hidden;margin:0px auto;width:100%;/* 设置焦点图最大宽??*/display: block; margin-top:113px;}
.slideBox .hd{ position:absolute;height:10px; line-height:28px; bottom:0; z-index:1; left:50%; margin-left: -14px; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#FFF; text-indent:-9999px; overflow:hidden; margin:0 6px; }
.slideBox .hd li.on{ background:#4caceb; }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{position:relative;text-align:center;}
.slideBox .bd li img{ vertical-align:top; width: 100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff; text-align:left; }
.gywm_bj{margin-top:115px;}
.foot{padding: 30px 10px 10px;}
.foot .footlist{ display: none;}
.foot .footewm {width: 100%;text-align: center;}
.foot .footewm .navbar-brand img{width: 80% !important;}
.foot .copy .banquan{text-align: center;float: inherit;margin-bottom: 4px;}
.foot .copy .jszc{ text-align: center;float: inherit;}
.foot .footewm h2,.foot .footewm p{padding-left: 0px;text-align: center;}
.foot .footewm .ewm ul li{width: 45%;}
.fenye p{font-size: 12px;line-height: 2.6rem;}
.fenye a{font-size: 12px;padding: 3px 5px;}
.fenye select{padding: 3px 5px;}
}
@media (max-width:767px){
.nav-head{top:40px;}
.top_left{display:none;}
.top_dh{display:none;}
.top_right{ width:100%;}
.search .ss_input{width:90%; height: 25px; line-height: 25px;}
.search{padding-top: 7px; height: 40px; line-height: 40px;}
.search .ss_an{ height: 25px;}
.slideBox{margin-top:100px;}
.article_ny{padding:40px 0;}
.product_title p{font-size:26px;}
.slideTxtBox .hd dt span{font-size:26px;}
.gywm_nrxq_title p{font-size:26px;}
/*产品*/
.product{padding: 30px 0 50px 0;}
.picScroll-left{ margin-top:30px;}
.picScroll-left .bd ul li{ width:100%;}
/*优势*/
.advantage{padding: 30px 0 30px 0;}
.advantage_2{ margin-top:20px;}
.advantage_2 ul li{width:100%;padding: 15px 15px 0px 15px;}
/*关于我们*/
.about{padding:30px 0; background:url(../images/bjm.jpg)}
.about_left{ width:100%;}
.about_right{display:none;}
.about_3 ul li{width:100%;padding: 10px 10px;}
/*媒体资讯*/
.slideTxtBox .hd{height: 40px; line-height: 40px; padding:0; border:none;}
.slideTxtBox .hd ul{top:70px; padding:0 20px; width:100%;}
.slideTxtBox .hd ul li{float:left;}
.slideTxtBox .hd dt{ width: 70%;}
.slideTxtBox .bd{ margin-top: 80px;}
.slideTxtBox .bd ul.qh .news2 div{ width:50%;}
.slideTxtBox .bd ul.qh .news2 div dt i.i2{height:200px;}
.slideTxtBox .bd ul.qh .xwzx div{width:50%;}
.slideTxtBox .hd ul li.on{ height:auto;}
/*底部*/
.footer .fl{display:none;}
.footer .fr{ width:100%; text-align:center;}
.footer{padding-left: 10px;padding-right: 10px; padding-top:30px;}
.footer .ftel{border-left:none; padding-left:0; width:100%;}
.yqlj{display:none;}
.z-container{text-align:center; margin:auto;}
.footer .ewm{width:100%; text-align:center;margin-top: 10px;}
.footer .ftel .p1{font-size:18px;}
.footer .ftel .p2{font-size:16px;}
.footer .ftel .line{ margin: 20px auto;}
.footer .ewm .p1{margin:auto;}
.footer .ewm .p2{font-size:16px;}
/*技术文章页*/
.gywm_bj{margin-top: 100px;}
.gywm_mbx3{display:none;}
.article_ny{padding:40px 0;}
.article_ny3 div{width:100%;}
/*方案页*/
.products_xg ul li{width:50%;}
/*关于我们页*/
.gywm_nrxq{ padding:40px 0;}
.gywm_nrxq2{ padding:30px 0; }
.gywm_qywh{ padding:40px 0;background:url(../images/bjm2.jpg);}
.gywm_qywh3{ margin-top: 6%;}
.gywm_qywh3 ul li{width:100%;margin-bottom: 20px;}
.xgcp{ margin-top: 30px;}
.xgcp ul li{width:50%;margin-bottom: 10px;}
/*联系我们*/
.contact ul li{ width:100%;}
/*下载页*/
.down{padding:40px 0;}
.down2{padding:15px 15px 50px 15px;}
.down2 div{width:100%;}
/*荣誉页*/
.honour{padding:40px 0;}
.honour2 ul li{width:50%;}
.honour2 ul li .pro-left1{height:300px;}
.honour2 ul li{margin-bottom:20px;}
/*留言页*/
.zxlycontable tr{width:100%;}
.msg_btn input{width:40%;}
/*新闻页*/
.news_ny{ padding:40px 0;}
.news_ny2{padding:30px 0 40px 0;}
.news_ny3{ padding:0 15px 20px 15px;}
.news_ny3 div{ padding: 2% 2%;}
.news_ny3 div i.i_1{display:none;}
.news_ny3 div i.i_2{display:none;}
.news_ny4 div{width:50%;}
.news_ny4 div dt i.i2{height:150px;}
/*技术文章详情*/
.article_detail span{padding-bottom:20px;}
/*产品详情页*/
.productdetail{padding:40px 0;}
.conn .proshow1 .js-silder{width:100%;}
.conn .proshow1 .prodesc{width:100%; margin-top:20px;}
.productdetail2{width:100%;}
.cpflcont{width:100%;}
.conn{ margin-bottom:30px;}
.masg .masgbox{padding: 30px 15px 0px 15px;}
/*产品列表页*/
.products_ny{ padding:40px 0;}
.products_ny_right{width:100%;}
.products_ny_right2 ul li{width:50%;}
.downdtxt li{border-bottom:none;}
.downdtxt li div{ width:100%;border-bottom: 2px solid #fff;}
}
@media (max-width:532px){.search .ss_input{width:83%;}
.slideTxtBox .bd ul.qh .news2 div dt i.i2{height:100px;}
.slideTxtBox .hd ul li{padding: 0 26px 0px 26px;}
.news_ny4 div dt i.i2{height:100px;}
.slideTxtBox .bd ul.qh .xwzx div{ width:100%;}}